<template>
	<div id="releaseAuction">
		<p class="Title">发布拍卖活动</p>
		<div class="release_title">
			<span>1</span>设置拍卖目标宝贝信息
			<div v-show="release1" class="release_correct">
				<img src="../../static/img/release-06.png"/>
				<p @click="release1 = false">修改</p>
			</div>
		</div>
		<div v-show="release1 == false" class="release_1">
			<!-------平台类型---------->
			<div class="store_type">
				<p>平台类型：</p>
				<ul class="type">
					<li @click="formData.paltform = 1" :class="formData.paltform == '1'?'type_active':''">淘宝<br /></li>
					<li @click="formData.paltform = 2" :class="formData.paltform == '2'?'type_active':''">天猫<br /></li>
					<li @click="formData.paltform = 3" :class="formData.paltform == '3'?'type_active':''">京东</li>
				</ul>
			</div>
			<!-------活动类型----------->
			<div class="activity_type">
				<p>活动介绍：</p>
				<div class="classify">
					<ul class="activity_title">
						<li class="activity_active">爆款打造/维护</li>
					</ul>
					<section class="activity_item">
						<div class="item_title">
							<img src="../../static/img/release-01.png"/>
							<h4>延长抽奖周期至3天或5天，吸引更多买家申请更有助于提升收藏、加购、重复访问等
								<br />店铺和商品基础权重快速提升商品排名，打开无线端展现</h4>
						</div>
						<div class="item_content">
							<div class="content_1">
								<ul class="ul_1">
									<li>适合店铺类型：</li>
									<li>新老店均可，售价高于88元</li>
									<li>手淘自然排名较低</li>
									<li>直通车投入产出比较差</li>
									<li>转化率过低，影响产品利润</li>
								</ul>
								<ul class="ul_2">
									<li>效果建议投放单期总份数：</li>
									<li>88-300元客单≥8份</li>
									<li>高于300元客单≥5份</li>
								</ul>
								<ul class="ul_3">
									<li>提升权重建议：</li>
									<li>建议不低于2期，每期5-10天，数据统计95%成功案例连续投放<span>3-5</span>周期完成高客单宝贝爆款的打造和稳定</li>
								</ul>
							</div>
							<div class="content_2">
								<div>
									<p>商家发布流程：</p>
									<p>商家编辑商品信息，设置不高于购物平台<span>50%</span>的起拍价，提交并支付本金后发起活动！</p>
								</div>
								<div>
									<p>买家拍卖流程：</p>
									<p>买家需先填写不低于起拍价的拍卖价格，并多天进店，完成浏览、加购、收藏店铺宝贝、深度访问、货比多家、浏览副宝贝、手淘问大家等操作后，才可获得拍卖资格。</p>
								</div>
								<div>
									<p>开奖介绍：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
									<p>参与买家各自提交心理价位并收藏宝贝等待开奖，按照当天名额，价高者得，同价者先到先得，拍下买家需到购物平台下单并完成任务要求，任务完成后，系统自动结算，返还买家拍卖提交的价格到商家账户</p>
								</div>
								<div>
									<p>任务开奖时间：</p>
									<p>任务发布<span>24小时</span>后</p>
								</div>
							</div>
						</div>
					</section>
				</div>
				<div class="release_2_item">
					<p>店铺名称：</p>
					<el-select v-model="formData.houseName" placeholder="请选择">
					    <el-option
					        v-for="item in storeList"
					        :key="item.value"
					        :label="item.label"
					        :value="item.value">
					    </el-option>
					</el-select>
				</div>
				<div class="release_2_item">
					<p>活动标题：</p>
					<input type="text" v-model="formData.taskName" />
				</div>
				<div class="release_2_item">
					<p>宝贝链接：</p>
					<input type="text" v-model="formData.goodsUrl" />
				</div>
				<input @click="releaseCorrect2" type="button" id="release_btn" value="点击获取宝贝信息" />
			</div>
		</div>
		<!--  ==========  -->
			<!--  = 第三步 =  -->
			<!--  ==========  -->
			<div class="release_title">
				<span>2</span>设置赶紧试展示信息
				<div v-show="release3" class="release_correct">
					<img src="../../static/img/release-06.png"/>
					<p @click="release3 = false">修改</p>
				</div>
			</div>
			<div v-show="release3 == false" class="release_3">
			<!----------宝贝类目-------------->
			<div class="release_3_item">
				<p>宝贝类目：</p>
				<el-select v-model="formData.goodsType" placeholder="请选择">
				    <el-option
				        v-for="item in classifyList"
				        :key="item.value"
				        :label="item.label"
				        :value="item.value">
				    </el-option>
				</el-select>
			</div>
			<!-------宝贝图片----------->
			<div class="release_3_item">
				<p>宝贝图片：</p>
				<div class="img_box">
					<div @click="img_num = key" v-for="(item,key) in imgList.slice(0,4)" :class="img_num == key?'img_item img_active':'img_item'">
						<div class="see">
							<!--<img src="../../static/img/backPic.png"/>-->
						</div>
						<div v-show="imgshow.length!=0" class="show">
							<img :src="item"/>
						</div>
					</div>
				</div>
			</div>
			<p class="release_cue">默认第一个为主图，点击图片可切换主图</p>
			<!--------下单主图----------->
			<div class="release_3_item">
				<p>下单主图：</p>
				<div class="orders_img" >
					<div class="imgupload">
						<div class="see">
							<img src="../../static/img/release-02.png"/>
						</div>
						<div class="show">
							<img v-show="formData.skuImage!=''" :src="formData.skuImage"/>
						</div>
						<input @change="onFileChange" type="file" id="file" />
					</div>
					<div class="orders_text">
						<p>该图为你的宝贝在<span v-text="formData.paltform == 3?'京东':'淘宝/天猫'"></span>搜索页展示的下单主图</p>
						<p>推荐上传400*400的高清图片，如果因为图片太小造成模糊，平台概不负责！</p>
					</div>
				</div>
			</div>
			<!--------联系QQ------------->
			<div class="release_3_item">
				<p>联系QQ：</p>
				<input class="qq" type="text" v-model="formData.qq"/>
				<p class="qq_cue">用户获得资格后展示，必须设置QQ权限为允许任何人，允许临时会话</p>
			</div>
			<!---------是否包邮----------->
			<div class="release_3_item">
				<p>是否包邮：</p>
				<el-radio v-model="formData.shipType" label="1">是</el-radio>
				<span>（本活动承诺宝贝全国包邮 ）</span>
			</div>
			<!-------宝贝下单价------------>
			<div class="release_3_item">
				<p>宝贝下单价：</p>
				<div class="money">
					<input type="text" v-model="formData.price" @keyup="clearNoNum"/>
					<span>元</span>
				</div>
				<el-checkbox v-if="formData.couponStatus==2" v-model="formData.couponStatus" true-label="2" false-label="0">需用户领优惠券下单</el-checkbox>
				<el-checkbox v-else  v-model="formData.couponStatus" true-label="1" false-label="0">需用户领优惠券下单</el-checkbox>
			</div>
			<!--------封顶价------------>
			<div class="release_3_item">
				<p>宝贝拍卖封顶价：</p>
				<p class="red">{{formData.price*0.5}}元</p>
			</div>
			<!-------宝贝起拍价------------>
			<div class="release_3_item">
				<p>宝贝起拍价：</p>
				<div class="money">
					<input type="text" v-model="formData.startPrice" @keyup="clearNoNum3"/>
					<span>元</span>
				</div>
				<p class="cue">(起拍价不超过宝贝价值50%，设置越低，申请人数越多，收藏加购越多)</p>
			</div>
			<!---------优惠券选择----------->
			<div v-show="formData.couponStatus != 0" class="coupons">
				<p>优惠券</p>
				<div class="coupons_box">
					<div class="coupons_type">
						<el-radio v-model="formData.couponStatus" label="1">隐藏优惠券</el-radio>
						<el-radio v-model="formData.couponStatus" label="2">店铺优惠券</el-radio>
					</div>
					<div class="coupons_num">
						<p>优惠券金额：</p>
						<input type="text" v-model="formData.couponCoins" @keyup="clearNoNum1"/>
						<p>原价：{{parseFloat(formData.price)+parseFloat(formData.couponCoins)}}元</p>
					</div>
					<div v-show="formData.couponStatus==1" class="coupons_link">
						<p>优惠券链接：</p>
						<input type="text" v-model="formData.couponUrl" placeholder="请输入优惠券链接" />
					</div>
				</div>
			</div>
			<!-------商品规格--------->
			<div class="release_3_item">
				<p>商品规格：</p>
				<input class="Size" type="text" placeholder="（如需用户指定规格，此项必填，如未填，默认可拍任意规格；鞋服类宝贝不可限制规格）" v-model="formData.goodsNotice" />
			</div>
			<!--------付款方式------------->
			<div class="pay_way">
				<p>付款方式<span>（允许使用信用卡和花呗支付，将会使数据更加真实）</span></p>
				<div class="way_list">
					<el-checkbox v-model="formData.creditPayStatus" true-label=1 false-label=0>允许买家使用信用卡支付</el-checkbox>
					<el-checkbox v-model="formData.huabeiPayStatus" true-label=1 false-label=0 v-if="formData.paltform == 1 || formData.paltform == 2">允许买家使用花呗支付</el-checkbox>
					<el-checkbox v-model="formData.baitiaoPayStatus" true-label=1 false-label=0 v-if="formData.paltform == 3">允许买家使用白条支付</el-checkbox>
				</div>
			</div>
			<input @click="releaseCorrect3" type="button" id="release_btn" value="确认" />
		</div>
		<!--  ==========  -->
		<!--  = 第四步 =  -->
		<!--  ==========  -->
		<div class="release_title">
			<span>3</span>设置活动周期
			<p v-show="openTime != ''" class="open_time">开拍时间：{{openTime}}开始开拍</p>
			<div v-show="release4" class="release_correct">
				<img src="../../static/img/release-06.png"/>
				<p @click="release4 = false">修改</p>
			</div>
		</div>
		<p class="cycle_cue">*当天拍卖份数若有剩余，则叠加到第二天，依次类推</p>
		<div v-show="release4 == false" class="release_4">
			<div class="release_4_title">
				<p>活动日期：</p>
				<el-date-picker
				  @change="Reset"
			      v-model="value6"
			      type="daterange"
			      :clearable=false
			      :picker-options="pickerOptions0"
			      prefix-icon="false"
			      range-separator="至"
			      start-placeholder="开始日期"
			      end-placeholder="结束日期">
			    </el-date-picker>
			    <p class="all_day">共 <span>{{allDay}}</span> 天&nbsp;&nbsp; 总份数：<span>{{allNum}}</span></p>
			</div>
			<div class="release_4_content">
				<ul class="week">
					<li>日</li>
					<li>一</li>
					<li>二</li>
					<li>三</li>
					<li>四</li>
					<li>五</li>
					<li>六</li>
				</ul>
				<div class="day_list">
					<div v-for="(item,key) in dayList" :class="key >= week && key <= week + allDay - 1?'day_item day_active':'day_item'">
						<p class="day" v-show="key >= week && key <= week + allDay - 1">{{item}}</p>
						<div>
							<div v-show="key >= week && key <= week + allDay - 1" class="day_input">
								<div>
									<p>发布份数：</p>
									<input @keyup="countNum(),positive(1,key)" class="day_input_1" type="text" v-model="numList[key]" />
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<input @click="releaseCorrect4" type="button" id="release_btn" value="确认" />
		</div>
		<!--  ==========  -->
		<!--  = 第五步 =  -->
		<!--  ==========  -->
		<div class="release_title">
			<span>4</span>进店路径设置
			<div v-show="release5" class="release_correct">
				<img src="../../static/img/release-06.png"/>
				<p @click="release5 = false">修改</p>
			</div>
		</div>
		<div v-show="release5 == false" class="release_5">
			<!--------移动端搜索关键词------------>
			<div class="release_5_1">
				<div class="release_5_T">
					<p>移动端搜索关键词<span>（填写宝贝标题里有的词 做为关键词 ，如未按要求填写 会导致搜索不到 活动效果变差 降低综合排名）</span></p>
				</div>
				<div class="release_5_content">
					<div class="release_5_item">
						<p class="release_5_title">分配占比：</p>
						<input v-model="ratio" type="text" maxlength="3" @keyup="number9"/>
						<p class="unit">%</p>
						<span>（注：三个占比相加为100）</span>
						<!--<el-checkbox v-model="keyword"  true-label=1 false-label=0>精准关键词托管</el-checkbox>-->
					</div>
					<!--------关键词1---------->
					<div class="release_5_item">
						<p class="release_5_title">搜索关键词：</p>
						<input :disabled="disabled" type="text" v-model="keyword_sort[0].keyword" />
						<p class="sort_title">排序方式：</p>
						<el-select v-model="keyword_sort[0].sort" placeholder="请选择">
						    <el-option
							v-for="item in sortList"
							:disabled="disabled"
							:key="item.value"
							:label="item.label"
							:value="item.value">
							</el-option>
						</el-select>
						<img @click="addKeyword" src="../../static/img/release-04.png"/>
					</div>
					<!--------关键词2---------->
					<div v-if="keywordShow(2)" class="release_5_item">
						<p class="release_5_title">搜索关键词：</p>
						<input :disabled="disabled" type="text" v-model="keyword_sort[1].keyword" />
						<p class="sort_title">排序方式：</p>
						<el-select v-model="keyword_sort[1].sort" placeholder="请选择">
						    <el-option
							v-for="item in sortList"
							:disabled="disabled"
							:key="item.value"
							:label="item.label"
							:value="item.value">
							</el-option>
						</el-select>
						<img @click="removeKeyword(2)" src="../../static/img/release-05.png"/>
					</div>
					<!--------关键词3---------->
					<div v-if="keywordShow(3)" class="release_5_item">
						<p class="release_5_title">搜索关键词：</p>
						<input :disabled="disabled" type="text" v-model="keyword_sort[2].keyword" />
						<p class="sort_title">排序方式：</p>
						<el-select v-model="keyword_sort[2].sort" placeholder="请选择">
						    <el-option
							v-for="item in sortList"
							:disabled="disabled"
							:key="item.value"
							:label="item.label"
							:value="item.value">
							</el-option>
						</el-select>
						<img @click="removeKeyword(3)" src="../../static/img/release-05.png"/>
					</div>
					<!--------关键词4---------->
					<div v-if="keywordShow(4)" class="release_5_item">
						<p class="release_5_title">搜索关键词：</p>
						<input :disabled="disabled" type="text" v-model="keyword_sort[3].keyword" />
						<p class="sort_title">排序方式：</p>
						<el-select v-model="keyword_sort[3].sort" placeholder="请选择">
						    <el-option
							v-for="item in sortList"
							:disabled="disabled"
							:key="item.value"
							:label="item.label"
							:value="item.value">
							</el-option>
						</el-select>
						<img @click="removeKeyword(4)" src="../../static/img/release-05.png"/>
					</div>
					<!--------关键词5---------->
					<div v-if="keywordShow(5)" class="release_5_item">
						<p class="release_5_title">搜索关键词：</p>
						<input :disabled="disabled" type="text" v-model="keyword_sort[4].keyword" />
						<p class="sort_title">排序方式：</p>
						<el-select v-model="keyword_sort[4].sort" placeholder="请选择">
						    <el-option
							v-for="item in sortList"
							:disabled="disabled"
							:key="item.value"
							:label="item.label"
							:value="item.value">
							</el-option>
						</el-select>
						<img @click="removeKeyword(5)" src="../../static/img/release-05.png"/>
					</div>
					<!---------一口价--------------->
					<div class="release_5_item">
						<p class="release_5_title">一口价：</p>
						<input type="text" v-model="formData.showPrice" @keyup="clearNoNum2"/>
						<p class="unit">元</p>
						<p class="release_5_cue">搜索展示价<span>提升宝贝人气选项</span></p>
					</div>
					<!-------折扣和服务------------>
					<div class="discount">
						<p>折扣和服务:（如关键词排名较低，建议设置以下项，缩小搜索范围，以便试客能找到商品）</p>
						    <el-checkbox-group v-model="discount" class="discount_list">
						      <el-checkbox label="包邮" name="discount"></el-checkbox>
						      <el-checkbox v-if="formData.paltform!=3" label="天猫" name="discount"></el-checkbox>
						       <el-checkbox label="消费者保障" name="discount"></el-checkbox>
						      <el-checkbox label="全球购" name="discount"></el-checkbox>
						      <el-checkbox label="公益宝贝" name="discount"></el-checkbox>
						      <el-checkbox v-if="formData.paltform!=3" label="淘金币抵钱" name="discount"></el-checkbox>
						      <el-checkbox label="7+天内退货" name="discount"></el-checkbox>
						      <el-checkbox v-if="formData.paltform!=3" label="花呗分期" name="discount"></el-checkbox>
						      <el-checkbox label="通用排序" name="discount"></el-checkbox>
						    </el-checkbox-group>
					</div>
				</div>
			</div>
			<div class="release_5_2">
				<div class="release_5_T">
					<p v-text="formData.paltform == 1?'淘口令搜索':'宝贝链接搜索'"></p>
				</div>
				<div class="release_5_content">
					<div class="release_5_item">
						<p class="release_5_title">分配占比：</p>
						<input v-model="ratio2" type="text" maxlength="3" @keyup="number10"/>
						<p class="unit">%</p>
						<span>（注：三个占比相加为100）</span>
					</div>
					<div class="release_5_item">
						<p class="release_5_title" v-text="formData.paltform == 3?'宝贝链接：':'淘口令：'"></p>
						<input class="release_5_link" v-model="formData.intoText2"type="text" />
						<!--<input class="copy" type="button" value="点击复制链接并前往生成淘口令" />-->
					</div>
					<!--<p class="cue">(注：前往第三方平台直接粘贴生成淘口令，复制淘口令后粘贴于此处即可)</p>-->
				</div>
			</div>
			<div class="release_5_3">
				<div class="release_5_T">
					<p>二维码搜索</p>
				</div>
				<div class="release_5_content">
					<div class="release_5_item">
						<p class="release_5_title">分配占比：</p>
						<input v-model="ratio3" type="text" maxlength="3" @keyup="number11"/>
						<p class="unit">%</p>
						<span>（注：三个占比相加为100）</span>
					</div>
					<div class="QRcode">
						<p class="release_5_title">二维码：</p>
						<!--<img v-bind:src="formData.intoText3"/>-->
						<div id="QrCode"></div>
					</div>
				</div>
			</div>
			<input @click="release5 = true" type="button" id="release_btn" value="确认" />
		</div>
		<!--  ==========  -->
		<!--  = 第六步 =  -->
		<!--  ==========  -->
		<div class="release_title">
			<span>5</span>设置服务内容
			<!--<div class="toVip">
				<p>开通会员可免费使用以下服务</p>
				<router-link to="/agent/vip">
					<img src="../../static/img/release-08.png"/>
				</router-link>
			</div>-->
		</div>
		<div class="release_6">
			<!-------指定竞品货比---------->
			<div class="release_6_item">
				<div @click="free9 = !free9" class="release_6_title">
					<div class="title_left">
						<el-checkbox v-model="contrast"  true-label="指定竞品货比" false-label=false></el-checkbox>
						<p>指定竞品货比</p>
					</div>
					<div class="title_right">
						<p v-text="free9 == false?'展开':'收起'"></p>
						<img :class="free9 == true?'rot':''" src="../../static/img/release-07.png"/>
					</div>
				</div>
				<div v-show="free9" class="contrast_list">
					<div class="contrast_item">
						<p>占比：</p>
						<input class="contrast_ratio" type="text" v-model="formData.compareRatio" maxlength="2" @keyup="number12"/>
						<span class="unit">%</span>
					</div>
					<div class="contrast_item">
						<p>竞品链接1：</p>
						<input class="contrast_link" type="text" v-model="formData.compareUrl1" />
					</div>
					<div class="contrast_item">
						<p>竞品链接2：</p>
						<input class="contrast_link" type="text" v-model="formData.compareUrl2" />
					</div>
					<div class="contrast_item">
						<p>竞品链接3：</p>
						<input class="contrast_link" type="text" v-model="formData.compareUrl3" />
					</div>
				</div>
			</div>
			<!-------买家回访宝贝---------->
			<div class="release_6_item">
				<div @click="free10 = !free10" class="release_6_title">
					<div class="title_left">
						<el-checkbox v-model="checkedR6" disabled></el-checkbox>
						<p>买家回访宝贝</p>
					</div>
					<div class="title_right">
						<p v-text="free10 == false?'展开':'收起'"></p>
						<img :class="free10 == true?'rot':''" src="../../static/img/release-07.png"/>
					</div>
				</div>
				<div v-show="free10" class="return_visit">
					<div>
						<p>回访概率：</p>
						<el-select v-model="formData.returnRatio" placeholder="请选择">
						    <el-option
						        v-for="item in visitList"
						        :key="item.value"
						        :label="item.label"
						        :value="item.value">
						    </el-option>
						</el-select>
					</div>
				</div>
			</div>
			<!-------细化控制行为/人群---------->
			<div class="release_6_item">
				<div @click="free11 = !free11" class="release_6_title">
					<div class="title_left">
						<el-checkbox v-model="checkedR6" disabled></el-checkbox>
						<p>细化控制行为/人群</p>
					</div>
					<div class="title_right">
						<p v-text="free11 == false?'展开':'收起'"></p>
						<img :class="free11 == true?'rot':''" src="../../static/img/release-07.png"/>
					</div>
				</div>
				<div v-show="free11" class="control">
					<div>
						<div class="control_item">
							<p>宝贝浏览时长：</p>
							<el-select v-model="formData.browseTime" placeholder="请选择">
							    <el-option
							        v-for="item in control1List"
							        :key="item.value"
							        :label="item.label"
							        :value="item.value">
							    </el-option>
							</el-select>
						</div>
						<div class="control_item">
							<p>深度浏览店铺副宝贝：</p>
							<el-select v-model="formData.depthRatio" placeholder="请选择">
							    <el-option
							        v-for="item in control2List"
							        :key="item.value"
							        :label="item.label"
							        :value="item.value">
							    </el-option>
							</el-select>
						</div>
						<div class="control_item">
							<p>查看产品参数比例：</p>
							<el-select v-model="formData.parametersRatio" placeholder="请选择">
							    <el-option
							        v-for="item in control3List"
							        :key="item.value"
							        :label="item.label"
							        :value="item.value">
							    </el-option>
							</el-select>
						</div>
						<div class="control_item">
							<p>货比同类目宝贝时长：</p>
							<el-select v-model="formData.compareTime" placeholder="请选择">
							    <el-option
							        v-for="item in control4List"
							        :key="item.value"
							        :label="item.label"
							        :value="item.value">
							    </el-option>
							</el-select>
						</div>
						<div class="control_item">
							<p>浏览宝贝评价比例：</p>
							<el-select v-model="formData.evaluateRatio" placeholder="请选择">
							    <el-option
							        v-for="item in control5List"
							        :key="item.value"
							        :label="item.label"
							        :value="item.value">
							    </el-option>
							</el-select>
						</div>
					</div>
				</div>
			</div>
			<!-----------手淘问大家-------------->
			<div v-show="formData.paltform!=3" class="release_7_item">
				<el-checkbox v-model="formData.askStatus" true-label=1 false-label=0>手淘问大家<span>（2元/份）</span></el-checkbox>
			</div>
			<!---------旺旺聊天----------->
			<div class="release_7_item">
				<div class="talk">
					<el-radio v-model="formData.chatStatus" label='1' >{{formData.paltform == 1?'旺旺':'咚咚'}}聊天<span>（2元/份）</span></el-radio>
					<el-radio v-model="formData.chatStatus" label='0' >无需{{formData.paltform == 1?'旺旺':'咚咚'}}聊天</el-radio>
				</div>
			</div>
			<!-------------追评晒图----------------->
			<div class="release_7_item">
				<div @click="free17 = !free17" class="release_6_title">
					<div class="title_left">
						<el-checkbox v-model="checkedR6" disabled ></el-checkbox>
						<p>评价要求设置<span>（晒图+无需评价 之和不能超过活动发放份数）</span></p>
					</div>
					<div class="title_right">
						<p v-text="free17 == false?'展开':'收起'"></p>
						<img :class="free17 == true?'rot':''" src="../../static/img/release-07.png"/>
					</div>
				</div>
				<div v-show="free17" class="evaluate">
					<div class="evaluate_item">
						<p>晒图（含评论）：</p>
						<input type="text" v-model="formData.showNumber" :readonly="formData.showStatus == 0" @keyup="number"/>
						<p>个买家评价时进行晒图<span>（2元/份）（若购买提示中选择"无需晒图，则无法填写"）</span></p>
						<el-checkbox v-model="formData.showStatus" true-label=0 false-label=1>无需晒图</el-checkbox>
					</div>
					<div class="evaluate_item">
						<p>无需评论：</p>
						<input type="text" v-model="formData.noEvaluateNumber" @keyup="number2"/>
						<p>个买家不给与评价，剩余买家照常评价<span>（0元/份）</span></p>
					</div>
				</div>
			</div>
			<!------------追加评论/晒图------------>
			<div class="release_7_item">
				<div @click="free18 = !free18" class="release_6_title">
					<div class="title_left">
						<el-checkbox v-model="free18" ></el-checkbox>
						<p>追加评论/晒图</p>
					</div>
					<div class="title_right">
						<p v-text="free18 == false?'展开':'收起'"></p>
						<img :class="free18 == true?'rot':''" src="../../static/img/release-07.png"/>
					</div>
				</div>
				<div v-show="free18" class="additional_content">
					<div class="additional_item">
						<p>①设置追评开始时间及执行人数</p>
						<div>
							<p>2天后：</p>
							<input type="text" v-model="formData.reviewTimeNumber2" @keyup="number3"/>
							<p>人去执行<span>（2元/份）</span></p>
						</div>
						<div>
							<p>3天后：</p>
							<input type="text" v-model="formData.reviewTimeNumber3" @keyup="number4"/>
							<p>人去执行<span>（3元/份）</span></p>
						</div>
						<div>
							<p>4天后：</p>
							<input type="text" v-model="formData.reviewTimeNumber4" @keyup="number5"/>
							<p>人去执行<span>（4元/份）</span></p>
						</div>
						<div>
							<p>5天后：</p>
							<input type="text" v-model="formData.reviewTimeNumber5" @keyup="number6"/>
							<p>人去执行<span>（5元/份）</span></p>
						</div>
					</div>
					<div class="additional_item">
						<p>②设置追加晒图的执行人数；（请设置“①”后再设置追评晒图执行人数；）</p>
						<div>
							<p>追评中需含有晒图：</p>
							<input type="text" v-model="formData.reviewShowNumber" @keyup="number7"/>
							<p>人去执行<span>（1元/份）</span></p>
						</div>
						<p>（追评晒图执行人数不填代表无该项要求）</p>
					</div>
				</div>
			</div>
			<!---------中奖后重新搜索关键词下单----------->
			<div class="release_7_item">
				<el-checkbox v-model="again" true-label=1 false-label=0>中奖后重新搜索关键词下单<span>（2元/份）</span></el-checkbox>
				<div v-show="again" class="again">
					<p>需要重新搜索下单：</p>
					<input type="text" v-model="formData.againSearch" @keyup="number8"/>
					<p>个买家中奖后需要重新搜索关键词下单<span>（2元/份）</span></p>
				</div>
			</div>
			<!---------设置用户深度浏览宝贝详情页的问题：----------->
			<div class="release_7_item">
				<el-checkbox v-model="formData.browseDetailsStatus" true-label=1 false-label=0>设置用户深度浏览宝贝详情页的问题：<span>（20元）</span></el-checkbox>
				<p class="question_title">（请在您发布的商品详情页中，查找1个商品信息作为本次活动的问题和答案;平台将在用户第1天进店访问时展示）</p>
				<div v-show="formData.browseDetailsStatus" class="question_item">
					<p>问题：</p>
					<input type="text" v-model="formData.browseDetailsProblem" />
				</div>
				<div v-show="formData.browseDetailsStatus" class="question_item">
					<p>答案：</p>  
					<input type="text" v-model="formData.browseDetailsAnswer" />
				</div>
			</div>
			<!---------短信通知----------->
			<div class="release_7_item">
				<el-checkbox v-model="formData.smsRemindStatus" true-label=1 false-label=0>短信通知：<span>（审核通过却不见下单？赶紧试在通过用户后发送短信通知用户0.07元/条）</span></el-checkbox>
			</div>
		</div>
		<input type="button" id="release_btn" value="提交" @click="save"/>
		<div id="money">
			<div class="money_left">
				<p>单份试用金额： <span>{{formData.price?formData.price:'0'}} 元</span></p>
				<p>发布试用总数： <span>{{allNum}} 件</span></p>
				<p @mouseout="appreciationShow = false" @mousemove="appreciationShow = true">增值服务金额： <span>{{appreciation}} 元</span><img src="../../static/img/release-10.png"/></p>
				<div v-show="appreciationShow" class="appreciation">
					<ul>
						<li><p>手淘问大家：</p><span>{{ask}} 元</span></li>
						<li><p>旺旺聊天：</p><span>{{chat}} 元</span></li>
						<li><p>评价要求设置：</p><span>{{buyshow}} 元</span></li>
						<li><p>追加评论/晒图：</p><span>{{additional}} 元</span></li>
						<li><p>中奖后重新搜索：</p><span>{{againMoney}} 元</span></li>
						<li><p>设置问题：</p><span>{{browse}} 元</span></li>
						<li><p>短信通知：</p><span>{{smsRemind}} 元</span></li>
					</ul>
					<div>
						<p>合计：</p>
						<span>{{appreciation}} 元</span>
					</div>
				</div>
			</div>
			<div class="money_right">
				<p>合计：<span> {{allMoney}} 元</span></p>
			</div>
		</div>
	</div>
</template>

<script>
import QRCode from 'qrcodejs2'
export default {
	name: 'releaseAuction',
	data: function(){
		return{
			appreciationShow: false,
			formData:{
				newTaskType:1,// 1:新增；2：编辑
				paltform: 1,//店铺类型
				houseId: '',//店铺
				houseName:'',//店铺名
				taskName: '',//活动标题
				goodsName:'',//商品名
				goodsUrl: '',//宝贝链接
				goodsType: '',//类目
				goodsImage: '',//宝贝主图
				skuImage: '',//下单主图
				qq: '',//qq
				goodsNotice:'',//商品规格
				shipType: "1",//包邮
				couponStatus: '',//优惠券类型
				couponCoins:0,//优惠金额
				couponUrl: '',//优惠链接
				price:'',//价格
    			creditPayStatus:'',//信用卡支付
    			huabeiPayStatus: '',//花呗支付
    			baitiaoPayStatus:'',//白条
				compareStatus:'0',//是否指定竞品
				compareRatio:'',//货比三家比例
				compareUrl1:'',//链接1
				compareUrl2:'',//链接2
				compareUrl3:'',//链接3
				returnRatio:'',//回访比例
				browseTime:'',//浏览时间						
				depthRatio:'',//深度浏览比例						
				parametersRatio:'',//查看产品参数比例						
				compareTime:'',//货比三家时间						
				evaluateRatio:'',//浏览宝贝评价比例
				askStatus:'0',	//问大家	
				chatStatus:'0',//客服聊天
				showNumber:'0',//晒图数量
				noEvaluateNumber:0,//无需评论数量
				reviewStatus:1,//多天追评状态
				reviewShowStatus:1,//追平晒图状态				
				reviewTimeNumber2:0,//2天追评
				reviewTimeNumber3:0,//3天追评
				reviewTimeNumber4:0,//4天追评
				reviewTimeNumber5:0,//5天追评
				reviewShowNumber:0,//追评晒图数量
				againSearch:0,//重新搜索下单
				browseDetailsStatus:'0',//浏览详情状态
				browseDetailsProblem:'',//问题
				browseDetailsAnswer:'',//答案
				smsRemindStatus:'0',//短信状态	
				taskLists:[],//活动周期
				showStatus:'1',//晒图
				intoText:'',//关键词
				sortType:'',//搜索方式
				showPrice:'',//展示价格
				ratio:0,//关键词比例
				intoText2:'',//淘口令
				ratio2:0,//淘口令比例
				intoText3:'',//二维码
				ratio3:0,//二维吗比例
				service:'',//折扣与服务
				goodsDetailImage:'',//细节
				startPrice:'',//起拍价
			},
			ratio:0,//关键词比例
			ratio2:0,//淘口令比例
			ratio3:0,//二维吗比例
			release1: false,//是否完成  第一步
			release2: false,//是否完成  第二步
			release3: false,//是否完成  第三步
			release4: false,//是否完成  第四步
			release5: false,//是否完成  第五步
			release6: false,//是否完成  第六步
			imgshow: false,//宝贝图片显示隐藏
			img_num: 0,//宝贝图片选中
			storeList:[//店铺数组
				{value: '1',label: '请选择'}, 
			],
			classifyList:[//宝贝类目数组
				{label:'女装',value: '女装'},
				{label:'男装',value: '男装'},
				{label:'鞋包',value: '鞋包'},
				{label:'百货',value: '百货'},
				{label:'母婴',value: '母婴'},
				{label:'配饰',value: '配饰'},
				{label:'电器',value: '电器'},
				{label:'家居',value: '家居'},
				{label:'美妆',value: '美妆'},
				{label:'食品',value: '食品'},
				{label:'车品',value: '车品'},
				{label:'其他',value: '其他'},
			],
			imgList: ["../static/img/release-09.png","../static/img/release-09.png","../static/img/release-09.png","../static/img/release-09.png"],//宝贝图片列表
			/*maxPrice: '0',//封顶价
			minPrice: '',//起拍价*/
			openTime: '',//开奖时间
			firstDay: '',//第一天
			startDay: '',//开始日期
			endDay: '',//开始日期
			allDay: 0,//总天数
			allNum: 0,//总份数
			week: '',//星期几
			numStart: 21,//起始日期
			value6: [],//日期插件
			pickerOptions0: {//日期范围限制
	          disabledDate(time) {
	          	var hourNow = new Date().getHours();//当前小时
	          	if(hourNow > 18){
	          		return time.getTime() < Date.now();
	          	}else{
	          		return time.getTime() < Date.now() - 8.64e7;
	          	}
	          }
	        },
	        dayList:[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20],//活动日期数组
			numList:[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],//每日发布份数
			keyword_sort:[//关键词的值数组
				{keyword:'',sort:'',},
				{keyword:'',sort:'',},
				{keyword:'',sort:'',},
				{keyword:'',sort:'',},
				{keyword:'',sort:'',},
			],
			sortList:[//排序数组
				{value: '综合',label: '综合'}, 
				{value: '销量',label: '销量'},
				{value: '人气',label: '人气'},
				{value: '信用',label: '信用'}, 
				{value: '价格',label: '价格'}, 
			],
			keyword: 0,//关键词
			keywordNum: 2,//第几个关键词
			disabled:false,//关键词是否可输入
			showPrice:'',
			discount:[],
			keywordList: [1],//关键词数量
			removekeywordList: [2,3,4,5],//删除关键词数量
			keyword_sort:[//关键词的值数组
				{keyword:'',sort:'',},
				{keyword:'',sort:'',},
				{keyword:'',sort:'',},
				{keyword:'',sort:'',},
				{keyword:'',sort:'',},
			],
			checkedR6: true,//免费服务默认选中
			contrast: false,//指定竞品货比
			free1: false,//免费服务展开收起
			free2: false,
			free3: false,
			free4: false,
			free5: false,
			free6: false,
			free7: false,
			free8: false,
			free9: true,
			free10: true,
			free11: true,
			free12: true,
			free13: true,
			free14: true,
			free15: true,
			free16: true,
			free17: true,
			free18: true,
			control1List: [//宝贝浏览时长列表
				{value: '20-40S',label: '20-40S'},
				{value: '40-80S',label: '40-80S'},
				{value: '80-120S',label: '80-120S'},
				{value: '120S以上',label: '120S以上'},
			],
			control2List: [//宝贝浏览时长列表
				{value: '0.1',label: '10%'},
				{value: '0.2',label: '20%'},
				{value: '0.3',label: '30%'},
				{value: '0.4',label: '40%'},
				{value: '0.5',label: '50%'},
				{value: '0.6',label: '60%'},
				{value: '0.7',label: '70%'},
				{value: '0.8',label: '80%'},
				{value: '0.9',label: '90%'},
				{value: '1',label: '100%'},
			],
			control3List: [//查看产品参数比例
				{value: '0.1',label: '10%'},
				{value: '0.2',label: '20%'},
				{value: '0.3',label: '30%'},
				{value: '0.4',label: '40%'},
			],
			control4List: [//货比同类宝贝时长
				{value: '6-8min',label: '6-8min'},
				{value: '8-12min',label: '8-12min'},
				{value: '12-16min',label: '12-16min'},
				{value: '16-20min',label: '16-20min'},
			],
			control5List: [//浏览宝贝评价比例
				{value: '0.1',label: '10%'},
				{value: '0.2',label: '20%'},
				{value: '0.3',label: '30%'},
				{value: '0.4',label: '40%'},
			],
			visitList: [ //
				{value: '0.1',label: '10%'}, 
				{value: '0.2',label: '20%'}, 
				{value: '0.3',label: '30%'}, 
				{value: '0.4',label: '40%'}
		    ],
		    again: '1',//中奖后重新搜索关键词下单	
		}
	},
	methods:{
		//提交活动
		save:function(){
			var _this = this;
			_this.$loading.show();
			if(!_this.formData.houseName){
				_this.$alert('3','请先选择店铺！');
				_this.$loading.hide();
				return;
			}
			if(!_this.formData.taskName){
				_this.$alert('3','请先填写活动标题！');
				_this.$loading.hide();
				return;
			}
			if(!_this.formData.goodsUrl){
				_this.$alert('3','请先填写宝贝链接！');
				_this.$loading.hide();
				return;
			}
			if(!_this.formData.goodsType){
				_this.$alert('3','请先选择宝贝类目！');
				_this.$loading.hide();
				return;
			}
			if(!_this.formData.price){
				_this.$alert('3','宝贝下单价不能为空');
				_this.$loading.hide();
				return;
			}
			if(_this.formData.price<88){
				_this.$alert('3','宝贝下单价不能小于88');
				_this.$loading.hide();
				return;
			}
			if(Number(_this.ratio) + Number(_this.ratio2) + Number(_this.ratio3) != 100){
				_this.$alert('3','关键词，淘口令，二维码三个占比相加必须等于100！');
				_this.$loading.hide();
				return;
			}
			if(Number(_this.formData.ratio2)>0 && _this.formData.intoText2==''){
				if(_this.formData.paltform==3){
					_this.$alert('3','京东链接不能为空');
				}else{
					_this.$alert('3','淘口令不能为空');
				}
				_this.$loading.hide();
				return;
			}
			if(!_this.formData.showPrice){
				_this.$alert('3','一口价不能为空');
				_this.$loading.hide();
				return;
			}
			if(_this.keyword_sort[0].keyword==''){
				_this.$alert('3','搜索关键词不能为空');
				_this.$loading.hide();
				return;
			}
			if(_this.keyword_sort[0].sort==''){
				_this.$alert('3','排序方式不能为空');
				_this.$loading.hide();
				return;
			}
			if(_this.allNum==0){
				_this.$alert('2','活动周期不能为空');
				_this.$loading.hide();
				return;
			}
			if((parseInt(_this.formData.showNumber)+parseInt(_this.formData.noEvaluateNumber))>parseInt(_this.allNum)){
				_this.$alert('3',"晒图+无需评价 之和不能超过活动发放份数");
				_this.$loading.hide();
				return;
			}
			var reviewTimeAllNum = Number(_this.formData.reviewTimeNumber2)+Number(_this.formData.reviewTimeNumber3)+Number(_this.formData.reviewTimeNumber4)+Number(_this.formData.reviewTimeNumber5);
			if(reviewTimeAllNum>Number(_this.allNum)){
				_this.$alert('3','追评执行人数之和不能超过活动发放份数');
				_this.$loading.hide();
				return;
			}
			if(reviewTimeAllNum<Number(_this.formData.reviewShowNumber)){
				_this.$alert('3','追评晒图人数不能超过追评执行人数');
				_this.$loading.hide();
				return;
			}
			if(parseInt(_this.formData.againSearch)>parseInt(_this.allNum)){
				_this.$alert('3','重新搜索人数不能超过活动发放份数');
				_this.$loading.hide();
				return;
			}
			if(_this.formData.newTaskType==1 || _this.testUrl!=_this.formData.goodsUrl){
				_this.formData.goodsName=goodsTitle;
			}
			//---店铺----------
			for(var i=0;i<_this.storeList.length;i++){
				if(_this.storeList[i].value==_this.formData.houseName){
					_this.formData.houseId = _this.formData.houseName;
					_this.formData.houseName = _this.storeList[i].label;
				}
			}
			var goodsImage = _this.imgList[_this.img_num];
			_this.formData.goodsImage = goodsImage;
			var service = '';
			$.each(this.discount,function(i){
				if(_this.discount[i]){
					service += _this.discount[i] + ' ';
				}
			})
			//判断是否追评
			if(_this.free18 && reviewTimeAllNum>0){
				_this.formData.reviewStatus=1;
			}else{
				_this.formData.reviewStatus=0;
			}
			if(_this.formData.reviewShowNumber>0){
				_this.formData.reviewShowStatus = 1;
			}else{
				_this.formData.reviewShowStatus = 0;
			}
			//-------任务每天对于份数及转化率----------
			var taskLists = [];
			var Day = new Date(_this.value6[0]).getTime();
			$('.day_active').each(function(i){
					var day = _this.getDate(Day);
					var num = $(this).find('.day_input_1').val();
					var taskItem = day + ';' + num;
					taskLists.push(taskItem);
					Day += 86400000;
			})
//			_this.formData.taskLists = JSON.stringify(taskLists);
			_this.formData.taskLists = taskLists;
			var keyword="";
			var keywordSort = "";
			for(var i = 0;i<_this.keyword_sort.length;i++){
				if(_this.keyword_sort[i].keyword!=""){
					keyword+=_this.keyword_sort[i].keyword+";";
					keywordSort+=_this.keyword_sort[i].sort+";";	
				}
			}
			_this.formData.intoText = keyword;
			_this.formData.sortType = keywordSort;
			
			//判断是否指定货比
			if(_this.contrast = true && parseInt(_this.formData.compareRatio)>0){
				_this.formData.compareStatus = 1;
			}
			if(_this.formData.compareRatio!=null && _this.formData.compareRatio!=""){
				_this.formData.compareRatio = _this.formData.compareRatio/100;
			}
			_this.formData.service = service;
			//把分配占比转为小数
			_this.formData.ratio = _this.ratio/100;
			_this.formData.ratio2 = _this.ratio2/100;
			_this.formData.ratio3 = _this.ratio3/100;
			var postData = _this.$qs.stringify(_this.formData);
			//--------提交请求--------
			_this.$axios.post('/agent/auctionTask/add',postData).then(function(res){
				var data = res.data;
				if(data.message=="succ"){
					_this.$loading.hide();
					_this.$alert("1","发布成功",function(){
						_this.$router.push({path:'/agent/manageAuction'});
					});
				}else{
					_this.$loading.hide();
					_this.$alert('2',data.result);
				}
			}).catch(function (error) {
			    console.log(error);
			});
		},
		//获取店铺下拉
		storeListShow:function(){
			var _this = this;
			var postData = _this.$qs.stringify({
				platform:_this.formData.paltform,
	       })
			_this.$axios.post('/agent/house/show',postData).then(function(res){
//			    console.log(res.data.message);
			    _this.storeList=[];
			    var houseList = res.data.result;
			    if(houseList==null || houseList==""){
			    	_this.$confirm("绑定店铺","你还没有该类型的店铺，是否前往绑定？",function(){
			    		_this.$router.push({path:'/agent/store'});
			    	});
			    }
			    for(var i=0;i<houseList.length;i++){
			    	var house={value:'',label:''};
			    	house.value = parseInt(houseList[i].id);
			    	house.label = houseList[i].houseName;
			    	_this.storeList.push(house);
			    }
			}).catch(function (error) {
			    console.log(error);
			});
		},
		qrcode:function(url) {
			if(url.search("taobao") != -1||url.search("tmall") != -1){
				var url1 = url.split("id=")[0];
				var url2= url.split("id=")[1];
				var url3 = url2.split("&")[0];
				url = url1+"id="+url3;
			}
			$("#QrCode").empty();
	      	let qrcode = new QRCode('QrCode', {
	        width: 120,
	        height: 120, // 高度
	        text: url // 二维码内容
	        // render: 'canvas' // 设置渲染方式（有两种方式 table和canvas，默认是canvas）
	        // background: '#f0f'
	        // foreground: '#ff0'
	       })
	        this.qr=false;	        
	    },
	    /**
		 * 动态加载js脚本
		 * @param {string} code js脚本
		 */
		loadScriptString:function(code) {
			var script = document.createElement("script");
			script.type = "text/javascript";
			try {
				// firefox、safari、chrome和Opera
				script.appendChild(document.createTextNode(code));
			} catch (ex) {
				// IE早期的浏览器 ,需要使用script的text属性来指定javascript代码。
				script.text = code;
			}
			try{
				document.getElementsByTagName("head")[0].appendChild(script);
			}catch(ex){
				this.$loading.remove();
			}
		},
		/*
		 * 链接主图动态分析
		 */
		urlAnalys:function(url){
			var _this = this;
			_this.imgList = [];	
    		var auctionImages
    		try{
	    		if (url.indexOf("taobao") != -1) {		
					auctionImages = g_config.idata.item.auctionImages.toString().split(",");
					for(var i = 0;i<auctionImages.length;i++){
		    			_this.imgList.push(auctionImages[i]);
		    			
		    		}   		
				} else if (url.indexOf("tmall") != -1) {				
					auctionImages = g_config2.actionImages.toString().split(",");
					for(var i = 0;i<auctionImages.length;i++){   			
		    			_this.imgList.push(auctionImages[i]);
		    	}
				} else {
					auctionImages = g_config.product.imageList.toString().split(",");
					for(var i = 0;i<auctionImages.length;i++){    			
		    			_this.imgList.push("//img11.360buyimg.com/n1/s450x450_"+auctionImages[i]);
		    		}
				}
				if(_this.formData.paltform==3){
					_this.formData.intoText2 = _this.formData.goodsUrl;
				}
				_this.$loading.hide();
			}catch(err){
				console.log(err);
				_this.$alert("2","无法获取您的主图信息，默认商品搜索图为您的主图");
				_this.imgList = ["../static/img/release-09.png","../static/img/release-09.png","../static/img/release-09.png","../static/img/release-09.png"];
				_this.$loading.hide();
				return;
			}
			/*_this.formData.intoText3 = qRCOdeUrl;*/
		},
		//----------第二步确认------------
		releaseCorrect2:function(){
			var _this = this;
			_this.$loading.show();
			if(!_this.formData.houseName){
				_this.$alert('3','请先选择店铺！');
				_this.$loading.hide();
			}else if(!_this.formData.taskName){
				_this.$alert('3','请先填写活动标题！');
				_this.$loading.hide();
			}else if(!_this.formData.goodsUrl){
				_this.$alert('3','请先填写宝贝链接！');
				_this.$loading.hide();
			}else{
				var url = _this.formData.goodsUrl;
				if(_this.paltform==1){
					if(url.toString().indexOf('taobao')==-1){
						_this.$alert("2","您选择的平台类型与宝贝链接不一致，请核对重新填写")
						_this.$loading.hide();
						return;
					}
				}else if(_this.paltform==2){
					if(url.toString().indexOf('tmall')==-1){
						_this.$alert("2","您选择的平台类型与宝贝链接不一致，请核对重新填写")
						_this.$loading.hide();
						return;
					}
				}else if(_this.paltform==3){
					if(url.toString().indexOf('jd')==-1){
						_this.$alert("2","您选择的平台类型与宝贝链接不一致，请核对重新填写")
						_this.$loading.hide();
						return;
					}
				}
				let postData = _this.$qs.stringify({
				    url:url
				});
//				console.log(url);
				//----------请求商家信息------------
				_this.$axios.post('/agent/parser/jsString',postData).then(function(res){
					_this.loadScriptString(res.data.result);
		    		_this.formData.goodsDetailImage = res.data.result;
		    		_this.urlAnalys(url);
		    		_this.qrcode(url);
		    		_this.$loading.hide();
					_this.release2 = true;
					if(_this.paltform != 3){
						let postData = {
							type: 'A',
							'link': url,
//							'image': _this.imgList[0],
							'text': goodsTitle==undefined?this.formData.taskName:goodsTitle
						};
						$.ajax({
							type:"post",
							url:"https://api.chaozhi.hk/tb/linkTkl",
							dataType: "json",
							data: postData,
							success: function(data) {
								if(data.msg == "成功"){
									_this.formData.intoText2 = data.data.tkl;
									_this.release1 = true;
								}else{
									_this.$alert('2','自动获取淘口令失败，点击确定前往手动生成',function(){
										window.open("https://www.baidu.com/s?wd=%E6%B7%98%E5%8F%A3%E4%BB%A4%E5%9C%A8%E7%BA%BF%E7%94%9F%E6%88%90&rsv_spt=1&rsv_iqid=0xf3f7afc2000582eb&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&rqlang=cn&tn=baiduhome_pg&rsv_enter=1&oq=https%25E8%25B7%25B3http%25E5%25A4%25B1%25E8%25B4%25A5&inputT=3730&rsv_t=cce3sGd3%2FmOEMO2uD%2Fo%2FadgHCzqEHJTAr1lcnUpXb8n8SsVRp9Vch2VC9UJjCtea9iyh&rsv_pq=b9117fad00065879&rsv_sug3=145&rsv_sug1=93&rsv_sug7=100&rsv_sug2=0&rsv_sug4=3730","_blank");
									})
								}
							},
							error: function(){
								_this.$alert('2','自动获取淘口令失败，点击确定前往手动生成',function(){
									window.open("https://www.baidu.com/s?wd=%E6%B7%98%E5%8F%A3%E4%BB%A4%E5%9C%A8%E7%BA%BF%E7%94%9F%E6%88%90&rsv_spt=1&rsv_iqid=0xf3f7afc2000582eb&issp=1&f=8&rsv_bp=1&rsv_idx=2&ie=utf-8&rqlang=cn&tn=baiduhome_pg&rsv_enter=1&oq=https%25E8%25B7%25B3http%25E5%25A4%25B1%25E8%25B4%25A5&inputT=3730&rsv_t=cce3sGd3%2FmOEMO2uD%2Fo%2FadgHCzqEHJTAr1lcnUpXb8n8SsVRp9Vch2VC9UJjCtea9iyh&rsv_pq=b9117fad00065879&rsv_sug3=145&rsv_sug1=93&rsv_sug7=100&rsv_sug2=0&rsv_sug4=3730","_blank");
								})
							}
						});
					}
				}).catch(function (error) {
				    console.log(error);
				});
				
			}
		},
		//----------第三步确认------------
		releaseCorrect3:function(){
			if(!this.formData.goodsType){
				this.$alert('3','请先选择宝贝类目！');
			}else 
//			if(this.imgList.length == '0'){  
//				alert('请先点击获取宝贝信息！');
//			}else
			{
				this.release3 = true;
			}
		},
		//----------第四步确认------------
		releaseCorrect4:function(){
			if(!this.value6){
				this.$alert('3','请先选择活动日期！');
			}else if(this.allDay >15 || this.allDay <=1){
				this.$alert('3','活动天数不得大于15天或小于2天！')
			}else if(!this.allNum){
				this.$alert('3','发布份数不能为0！');
			}else{
				this.release4 = true;
			}
		},
		//--------图片压缩上传-----------
		onFileChange (e) {
	        //获取图片文件
	        var files = e.target.files || e.dataTransfer.files
	        if (!files.length) return
	        this.createImage(files, e)
	    },
	    createImage (file, e) {
	        this.imgUrl = ''
//	        Indicator.open()
	        lrz(file[0], {width: 480}).then((rst) => {
	            this.formData.skuImage = rst.base64;
	            //在将图片压缩成功后，将信息传出去
//	            console.log(this.imgUrl);
//	            this.$emit('imgUrl', this.imgUrl)
	        }).always(() => {
	            //每次压缩完之后要将input内容清空，不然会出现传出去的内容不对的bug
	            e.target.value = null
//	            Indicator.close()
	        })
	    },
	    //--------输入份数刷新总份数-----------
		countNum:function(){
			var _this = this;
//			_this.allNum = 0;
//			$.each(_this.numList,function(e){
//				console.log(_this.numList[e]);
//				_this.allNum += parseInt(_this.numList[e]);
//			})
			_this.allNum = 0;
			$('.day_active').each(function(){
				var Val = parseInt($(this).find('.day_input_1').val());
				if(Val){
					_this.allNum += Val;
				}
			})
		},
		//----------关键词显示-----------
		keywordShow:function(n){
			for(var i = 0; i < this.keywordList.length; i ++){
				if(this.keywordList[i] == n){
					return true;
				}
			}
			return false;
		},
		//---------添加关键词----------
		addKeyword:function(){
			if(this.keywordList.length < 5){
				this.keywordList.push(this.removekeywordList[0]);
				this.removekeywordList.splice(0,1);
			}else{
				this.$alert('3','最多添加5个关键词!');
			}
		},
		//----------删除关键词------------
		removeKeyword:function(n){
			for(var i = 0; i < this.keywordList.length; i ++){
				if(this.keywordList[i] == n){
					this.keywordList.splice(i,1);
					this.removekeywordList.push(n);
				}
			}
		},
		//---------验证正整数-----------
	    positive:function(type,key){
	    	var reg1 = /^\+?[1-9][0-9]*$/; //不含0正整数
	    	var reg2 = /^([1-9]\d*|[0]{1,1})$/; //含0正整数
	    	if(type == 1){
	    		var val = this.numList[key];
		    	if(!reg1.test(val)){
					this.numList.splice(key, 1, 1);
					this.allNum += 1;
		    	}
	    	}else{
	    		var val = this.rateList[key];
		    	if(!reg1.test(val)){
					this.rateList.splice(key, 1, 0)
		    	}
	    	}
	    },
	    clearNoNum: function() {
			var _this = this;
			if(_this.formData.price){
				_this.formData.price =_this.formData.price.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符  
			    _this.formData.price = _this.formData.price.replace(/^\./g,""); //验证第一个字符是数字而不是  
			    _this.formData.price = _this.formData.price.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的  
			    _this.formData.price = _this.formData.price.replace(".","$#$").replace(/\./g,"").replace("$#$",".");  
			    _this.formData.price = _this.formData.price.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); //只能输入两个小数
			}  
		},
		clearNoNum1: function() {
			var _this = this;
			if(_this.formData.couponCoins){
				_this.formData.couponCoins =_this.formData.couponCoins.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符  
			    _this.formData.couponCoins = _this.formData.couponCoins.replace(/^\./g,""); //验证第一个字符是数字而不是  
			    _this.formData.couponCoins = _this.formData.couponCoins.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的  
			    _this.formData.couponCoins = _this.formData.couponCoins.replace(".","$#$").replace(/\./g,"").replace("$#$",".");  
			    _this.formData.couponCoins = _this.formData.couponCoins.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); //只能输入两个小数
			}  
		},
		clearNoNum2: function() {
			var _this = this;
			if(_this.formData.showPrice){
				_this.formData.showPrice =_this.formData.showPrice.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符  
			    _this.formData.showPrice = _this.formData.showPrice.replace(/^\./g,""); //验证第一个字符是数字而不是  
			    _this.formData.showPrice = _this.formData.showPrice.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的  
			    _this.formData.showPrice = _this.formData.showPrice.replace(".","$#$").replace(/\./g,"").replace("$#$",".");  
			    _this.formData.showPrice = _this.formData.showPrice.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); //只能输入两个小数
			}  
		},
		clearNoNum3: function() {
			var _this = this;
			if(_this.formData.startPrice){
				_this.formData.startPrice =_this.formData.startPrice.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符  
			    _this.formData.startPrice = _this.formData.startPrice.replace(/^\./g,""); //验证第一个字符是数字而不是  
			    _this.formData.startPrice = _this.formData.startPrice.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的  
			    _this.formData.startPrice = _this.formData.startPrice.replace(".","$#$").replace(/\./g,"").replace("$#$",".");  
			    _this.formData.startPrice = _this.formData.startPrice.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); //只能输入两个小数
			}  
		},
		//份数清零
		Reset:function(){
			this.numList = [1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1];
			var firstDay = new Date(this.value6[0]).getTime();
			var lastDay = new Date(this.value6[1]).getTime();
			var allDaynum = Math.floor((lastDay - firstDay)/1000/60/60/24)+1;
			this.allNum = allDaynum;
		},
		number:function(){
			this.formData.showNumber = this.formData.showNumber.replace(/[^\d+$]/g,'');
			if(this.formData.showNumber==''){
				this.formData.showNumber = 0;
			}
		},
		number2:function(){
			this.formData.noEvaluateNumber = this.formData.noEvaluateNumber.replace(/[^\d+$]/g,'');
			if(this.formData.noEvaluateNumber==''){
				this.formData.noEvaluateNumber = 0;
			}
		},
		number3:function(){
			this.formData.reviewTimeNumber2 = this.formData.reviewTimeNumber2.replace(/[^\d+$]/g,'');
			if(this.formData.reviewTimeNumber2==''){
				this.formData.reviewTimeNumber2 = 0;
			}
		},
		number4:function(){
			this.formData.reviewTimeNumber3 = this.formData.reviewTimeNumber3.replace(/[^\d+$]/g,'');
			if(this.formData.reviewTimeNumber3==''){
				this.formData.reviewTimeNumber3 = 0;
			}
		},
		number5:function(){
			this.formData.reviewTimeNumber4 = this.formData.reviewTimeNumber4.replace(/[^\d+$]/g,'');
			if(this.formData.reviewTimeNumber4==''){
				this.formData.reviewTimeNumber4 = 0;
			}
		},
		number6:function(){
			this.formData.reviewTimeNumber5 = this.formData.reviewTimeNumber5.replace(/[^\d+$]/g,'');
			if(this.formData.reviewTimeNumber5==''){
				this.formData.reviewTimeNumber5 = 0;
			}
		},
		number7:function(){
			this.formData.reviewShowNumber = this.formData.reviewShowNumber.replace(/[^\d+$]/g,'');
			if(this.formData.reviewShowNumber==''){
				this.formData.reviewShowNumber = 0;
			}
		},
		number8:function(){
			this.formData.againSearch = this.formData.againSearch.replace(/[^\d+$]/g,'');
			if(this.formData.againSearch==''){
				this.formData.againSearch = 0;
			}
		},
		number9:function(){
			if(typeof(this.ratio) != "string"){
				this.ratio = this.ratio.toString();
			}
			this.ratio = this.ratio.replace(/[^\d+$]/g,'');
			if(this.ratio==''||this.ratio>100){
				this.ratio = 0;
			}
		},
		number10:function(){
			if(typeof(this.ratio2) != "string"){
				this.ratio2 = this.ratio2.toString();
			}
			this.ratio2 = this.ratio2.replace(/[^\d+$]/g,'');
			if(this.ratio2==''||this.ratio2>100){
				this.ratio2 = 0;
			}
		},
		number11:function(){
			if(typeof(this.ratio3) != "string"){
				this.ratio3 = this.ratio3.toString();
			}
			this.ratio3 = this.ratio3.replace(/[^\d+$]/g,'');
			if(this.ratio3==''||this.ratio3>100){
				this.ratio3 = 0;
			}
		},
		number12:function(){
			this.formData.compareRatio = this.formData.compareRatio.replace(/[^\d+$]/g,'');
			if(this.formData.compareRatio==""){
				this.formData.compareRatio = '0';
			}
		},
		//修改时间格式
		getDate:function(str){  
			if(str == ""||str ==null){
				return "";
			}
		    var oDate = new Date(str),  
		    oYear = oDate.getFullYear(),  
		    oMonth = oDate.getMonth()+1,  
		    oDay = oDate.getDate(),
		    oTime = oYear +'-'+ this.getzf(oMonth) +'-'+ this.getzf(oDay);//最后拼接时间  
		    return oTime;  
		},
		//补0操作  
		getzf:function(num){  
		    if(parseInt(num) < 10){  
		        num = '0'+num;  
		    }  
		    return num;  
		},
		sensitive:function(type,val){
			var Val = val;
			//遍历敏感词数组  
			for(var i=0;i<this.sensitiveWords.length;i++){  
			    //全局替换  
			    var reg = new RegExp(this.sensitiveWords[i],"g");  
			    //判断内容中是否包括敏感词  
			    if(Val.indexOf(this.sensitiveWords[i])!=-1){  
			    	Val = Val.replace(reg,"");
			    }
			}
			if(type==1){
				this.formData.taskName = Val;
			}else if(type==2){
				this.formData.goodsNotice = Val;
			}
		},
	},
	watch:{
		/*price(){
			this.maxPrice = this.formData.price * 0.5;
		},*/
		startPrice(){
			if(this.formData.startPrice > this.formData.price * 0.5){
				this.$alert('3','起拍价不得高于宝贝价格的50%');
				this.formData.startPrice = '';
			}
		},
		paltform() {
			this.storeListShow();
	　　   },
		//-----------监听日期选择器的变化--------------
		value6(){
			var firstDay = new Date(this.value6[0]).getTime();
			this.firstDay = new Date(this.value6[0]);
			var lastDay = new Date(this.value6[1]).getTime();
			var allDaynum = Math.floor((lastDay - firstDay)/1000/60/60/24)+1;
			if(allDaynum >15){
				alert('活动天数不得大于15天！');
				this.allDay = 0;
				this.allNum = 0;
				this.week = '';
			}else if(allDaynum == 1){
				alert('活动天数不得小于2天！');
				this.allDay = 0;
				this.allNum = 0;  
				this.week = '';
			}else{
				var month = this.value6[0].getMonth() + 1;//开始月份
//				var nextDay = this.value6[0].getDate() + 1;//开始日第二天  
//			    this.openTime = this.value6[0].getFullYear() + '年' + month + '月' + nextDay + '日';//开奖日期
			    this.allDay = allDaynum;//总天数
//				this.allNum = this.allDay - 1;//总份数
			    this.week = this.value6[0].getDay();//开始日为周几
				this.startDay = this.value6[0].getDate();//开始日为几号
				this.endDay = this.value6[1].getDate();//结束日为几号
				var eJs = this.value6[1].getDate() -this.value6[0].getDate();//最后一天减去第一天
				this.dayList = [];//清空日期数组
				if(eJs < 0){
					var firstM_num = this.allDay - this.endDay;//第一个月有几天
					if(firstM_num == 1){
						var nextDay = 1;
						month = month + 1;
						this.openTime = this.value6[0].getFullYear() + '年' + month + '月' + this.startDay + '日';//开奖日期
					}else{
						var nextDay = this.startDay + 1;
						this.openTime = this.value6[0].getFullYear() + '年' + month + '月' + this.startDay + '日';//开奖日期
					}
					var other_num = 21 - this.allDay - this.week;
					for(var i = 0; i < this.week; i++){
						this.dayList.push(i);
					}
					for(var i = 0; i < firstM_num; i++){
						this.dayList.push(this.startDay + i);
					}
					for(var i = 1; i <= this.endDay; i++){
						this.dayList.push(i);
					}
					for(var i = other_num; i > 0; i--){
						this.dayList.push(i);
					}
				}else{
					var nextDay = this.value6[0].getDate() + 1;//开始日第二天  
					this.openTime = this.value6[0].getFullYear() + '年' + month + '月' + this.startDay + '日';//开奖日期
					var other_num = 21 - this.allDay - this.week;
					for(var i = 0; i < this.week; i++){
						this.dayList.push(i);
					}
					for(var i = this.startDay; i <= this.endDay; i++){
						this.dayList.push(i);
					}
					for(var i = other_num; i > 0; i--){
						this.dayList.push(i);
					}
				}
			}
		},
		keyword(){
			if(this.keyword == '1'){
				this.disabled = true;
			}else{
				this.disabled = false;
			}
		},
		senTaskName(){
			this.sensitive(1,this.formData.taskName);
		},
		senGoodsNotice(){
			this.sensitive(2,this.formData.goodsNotice);
		},
	},
	computed: {
		senTaskName(){
			return this.formData.taskName;
		},
		senGoodsNotice(){
			return this.formData.goodsNotice;
		},
	    /*price(){
	   	    return this.formData.price;
	    },*/
        startPrice() {
      	    return this.formData.startPrice;
        },
	　　    paltform() {
		　　　return this.formData.paltform;
	　　  },
		ask() {
			//问大家
	   		if(this.formData.askStatus == 0){
	   			var ask = 0;
	   		}else{
	   			var ask = 2 * this.allNum;
	   		}
	   		return ask;
		},
		chat() {
			//聊天
	   		if(this.formData.chatStatus == 0){
	   			var chat = 0;
	   		}else{
	   			var chat = 2 * this.allNum;
	   		}
	   		return chat;
		},
		buyshow() {
			//评价晒图
	   		if(this.formData.showStatus == 0){
	   			var buyshow = 0;
	   		}else{
	   			var buyshow = 2 * this.formData.showNumber;
	   		}
	   		return buyshow;
		},
		additional() {
			//追评/晒图
	   		if(this.free18 == false){
	   			var additional = 0;
	   		}else{
	   			var additional = this.formData.reviewTimeNumber2 * 2 + this.formData.reviewTimeNumber3 * 3 + this.formData.reviewTimeNumber4 * 4 + this.formData.reviewTimeNumber5 * 5 + this.formData.reviewShowNumber * 1;
	   		}
	   		return additional;
		},
		againMoney() {
			//重新搜索
	   		if(this.again == 0){
	   			var againMoney = 0;
	   		}else{
	   			var againMoney = this.formData.againSearch * 2;
	   		}
	   		return againMoney;
		},
		browse() {
			//回答问题
	   		if(this.formData.browseDetailsStatus == 0){
	   			var browse = 0;
	   		}else{
	   			var browse = 20 * this.allNum;
	   		}
	   		return browse;
		},
		smsRemind() {
			//短信通知
	   		if(this.formData.smsRemindStatus == 0){
	   			var smsRemind = 0;
	   		}else{
	   			var smsRemind = (7 * this.allNum) / 100;
	   		}
	   		return smsRemind;
		},
	    appreciation() {
	    	//增值小计
	   		var all = this.ask + this.chat + this.buyshow + this.additional + this.againMoney + this.browse + this.smsRemind;
	   		return all
	    },
	    allMoney() {
	    	var all = this.allNum * this.formData.price + this.appreciation;
	    	return all;
	    }
	},
	created:function(){	
		//获取了链接参数id
		var id = this.$route.query.id;
		var _this = this;
		if(id==null || id==''){
			_this.storeListShow();
		}
		//参数不为空时渲染数据
		if(id!=null&&id!=''){
			var postData = _this.$qs.stringify({
				id:id,
			});
			_this.$axios.post('/agent/auctionTask/taskInfo',postData).then(function(res){
				var data = res.data.result;
			    var task = data.task;
			    var taskIntoTypes = data.taskIntoTypes;
			    //判断店铺类型是否为淘宝
			    if(task.paltform==1){
			    	_this.storeListShow();
			    }
			    //将int类型变量转string
			    $.each(task,function(i){
					if(!isNaN(task[i])){
						task[i]=task[i].toString();
					}
				})
		    	var firstDay = new Date(data.taskLists[0].releaseTime);//第一天
			    var lastDay = new Date(data.taskLists[data.taskLists.length-1].releaseTime);//最后一天
			    var firstweek = new Date(data.taskLists[0].releaseTime).getDay();//活动第一天是周几
			    _this.value6.push(firstDay,lastDay);//渲染时间范围
			    $.each(data.taskLists,function(i){//渲染份数和转化率
			    	var num = i + firstweek;
			    	_this.numList[num] = data.taskLists[i].releaseNum;
			    	_this.allNum += data.taskLists[i].releaseNum;
			    })
			    _this.formData = task;
			    //渲染是否追评
			    if(_this.formData.reviewStatus==1){
			    	_this.free18=true;
			    }else{
			    	_this.free18=false;
			    }
			    _this.formData.newTaskType=2;
			    _this.$delete(_this.formData,"releasetime");
			    _this.$delete(_this.formData,"createtime");
				
			    _this.testUrl = task.goodsUrl;
			    //获取选中的主图
			    for(var i = 0 ;i<_this.imgList.length;i++){
			    	if(_this.imgList[i]==task.goodsImage){
			    		_this.img_num=i;
			    		break;
			    	}
			    }
			    //货比三家展开
			    console.log(_this.formData.compareRatio)
				if(_this.formData.compareStatus==1){
					_this.contrast = true;
					_this.free9 = true;
				}
				if(_this.formData.compareRatio!=null && _this.formData.compareRatio!=""){
					_this.formData.compareRatio = _this.formData.compareRatio*100;
				}
				//获取进店方式
				_this.qrcode(task.goodsUrl)
			    for(var i = 0;i<taskIntoTypes.length;i++){
			    	//关键词渲染
			    	if(taskIntoTypes[i].intoType == 1){
			    		_this.ratio = taskIntoTypes[i].ratio*100;
			    		_this.formData.showPrice = taskIntoTypes[i].showPrice;
			    		var kewordList = taskIntoTypes[i].intoText.split(";");
			    		var sortType = taskIntoTypes[i].sortType.split(";");
			    		for(var j = 0;j<kewordList.length;j++){
			    			if(kewordList[j]!=""&&kewordList[j]!=null){
			    				_this.keyword_sort[j].keyword = kewordList[j];
			    				_this.keyword_sort[j].sort = sortType[j];
			    				_this.addKeyword();
			    			}			    			
			    		}
			    		_this.removeKeyword(kewordList.length);
			    		//折扣与优惠渲染
			    		var serviceList = taskIntoTypes[i].service.split(" ");
			    		_this.discount = serviceList;
			    	//淘口令渲染
			    	}else if(taskIntoTypes[i].intoType == 2){
			    		_this.formData.intoText2 = taskIntoTypes[i].intoText;
			    		_this.ratio2 = taskIntoTypes[i].ratio*100;
			    	//二维码比例渲染
			    	}else if(taskIntoTypes[i].intoType == 3){
			    		_this.ratio3 = taskIntoTypes[i].ratio*100;
			    	}			 
			    }
			    _this.releaseCorrect2();
			    //动态加载js  
//			    _this.loadScriptString(_this.formData.goodsDetailImage)
			    //渲染sku 加服务器路径
			    //解析主图
//			    _this.urlAnalys(task.goodsUrl);
			}).catch(function (error) {
			    console.log(error);
			});
		}
	}
}
</script>

<style>
/*-----下拉框样式修改--------*/
#releaseAuction .el-select{
	width: 120px!important;
}
#releaseAuction .el-input__inner{
	height: 30px!important;
	line-height: 30px!important;
	border: 1px solid #E6E6E6!important;
	border-radius: 0!important;
}
#releaseAuction .el-input__icon{
	height: auto!important;
	line-height: 30px!important;
}
#releaseAuction .el-select-dropdown__item.selected{
	color: #FF464E!important;
}
#releaseAuction .el-select .el-input.is-focus .el-input__inner{
	border-color: #e6e6e6!important;
}
#releaseAuction .el-select .el-input__inner:focus{
	border-color: #e6e6e6!important;
}
/*---------单选框样式修改-----------*/
#releaseAuction .el-radio__input.is-checked .el-radio__inner{
	border-color: #FF464E!important;
	background: #FF464E!important;
}
#releaseAuction .el-radio__input.is-checked+.el-radio__label{
	color: #545454!important;
}
#releaseAuction .el-radio{
	display: flex!important;
	align-items: center!important;
}
#releaseAuction .el-radio__label{
	padding-left: 5px!important;
}
/*--------复选框样式修改--------------*/
#releaseAuction .el-checkbox-group{
	display: flex!important;
}
#releaseAuction .el-checkbox{
	display: flex!important;
	align-items: center!important;
}
#releaseAuction .el-checkbox+.el-checkbox{
	margin-left: 0!important;
}
#releaseAuction .el-checkbox__input.is-checked .el-checkbox__inner, .el-checkbox__input.is-indeterminate .el-checkbox__inner{
	background-color: #FF464E!important;
	border-color: #FF464E!important;
}
#releaseAuction .el-checkbox__input.is-focus .el-checkbox__inner{
	border-color: #FF464E!important;
}
#releaseAuction .el-checkbox__inner:hover{
	border-color: #FF464E!important;
}
#releaseAuction .el-checkbox__input.is-checked+.el-checkbox__label{
	color: #545454!important;
}
</style>

<style scoped>
#releaseAuction{
	width: 1030px;
	min-height: 924px;
	background-color: #fff;
	padding: 30px;
	box-sizing: border-box;
	position: relative;
	margin-bottom: 60px;
}
.Title{
	font-size: 20px;
	color: #545454;
}
.release_title{
	font-size: 16px;
	color: #545454;
	display: flex;
	align-items: center;
	margin-top: 15px;
}
.release_title>span{
	font-size: 14px;
	background-color: #545454;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	color: #FFFFFF;
	display: block;
	text-align: center;
	line-height: 18px;
	margin-right: 5px;
}
.release_correct{
	display: flex;
	align-items: center;
	margin-left: 10px;
}
.release_correct img{
	height: 16px;
	display: block;
	margin-right: 5px
}
.release_correct p{
	font-size: 14px;
	color: #808080;
	cursor: pointer;
}
.release_correct p:hover{
	text-decoration: underline;
}

/* ========== */
/* = 第一步 = */
/* ========== */


/*-----------店铺类型--------------*/
.store_type{
	display: flex;
	align-items: center;
	margin-top: 20px;
	padding-left: 23px;
}
.store_type p,.activity_type>p{
	font-size: 14px;
	color: #545454;
	height: 30px;
	line-height: 30px;
}
.type{
	display: flex;
}
.type li{
	width: 110px;
	height: 30px;
	border: 1px solid #b3b3b3;
	color: #b3b3b3;
	text-align: center;
	line-height: 30px;
	margin-right: 10px;
	cursor: pointer;
	box-sizing: border-box;
}
.type li.type_active{
	border: 1px solid #FF464E;
	color: #FF464E;
	background-color: #FFEEEE;
}
/*--------活动类型--------------*/
.activity_type{
	padding-left: 23px;
	box-sizing: border-box;
	margin-top: 20px;
}
.activity_type .classify{
	border: 1px solid #E6E6E6;
}
.activity_title{
	display: flex;
	background-color: #F5F5F5;
	color: #545454;
}
.activity_title li{
	width: 20%;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	text-align: center;
}
.activity_title_jd{
	display: flex;
	background-color: #F5F5F5;
	color: #545454;
}
.activity_title_jd li{
	width: 50%;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	text-align: center;
}
li.activity_active{
	background-color: #fff;
	color: #FF464E;
}
.activity_item{
	padding: 20px;
	box-sizing: border-box;
}
.item_title{
	display: flex;
	align-items: flex-start;
	margin-bottom: 15px;
}
.item_title img{
	height: 12px;
	display: block;
	margin-right: 5px;
	padding-top: 6px;
}
.item_title h4{
	color: #545454;
	line-height: 25px;
}
.item_content{
	padding-left: 17px;
	box-sizing: border-box;
}
.content_1{
	display: flex;
	padding-bottom: 10px;
	border-bottom: 1px dashed #E6E6E6;
}
.ul_1,.ul_2{
	width: 28%;
}
.ul_3{
	width: 44%;
}
.ul_1 li,.ul_3 li{
	color: #808080;
	line-height: 25px;
}
.ul_1 li:first-child,.ul_3 li:first-child{
	color: #545454;
}
.ul_2 li{
	color: #FF464E;
	height: 25px;
	line-height: 25px;
}
.content_1 ul li span{
	color: #FF464E;
}
.content_2{
	margin-top: 15px;
}
.content_2 p{
	line-height: 30px;
	color: #808080;
}
.content_2 p span{
	color: #FF464E;
}
.content_2 div{
	display: flex;
}
.content_2 div p:first-child{
	white-space: nowrap;
}
#release_btn{
	width: 200px;
	height: 35px;
	border: none;
	border-radius: 3px;
	color: #FFFFFF;
	background-color: #FF464E;
	display: block;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.release_2_item{
	display: flex;
	align-items: center;
	margin-top: 20px;
}
.release_2_item select{
	width: 150px;
	height: 30px;
	border: 1px solid #E6E6E6;
	box-sizing: border-box;
}
.release_2_item input{
	width: 400px;
	height: 30px;
	border: 1px solid #E6E6E6;
	padding-left: 10px;
	box-sizing: border-box;
}
/* ========== */
/* = 第三步 = */
/* ========== */
.release_3{
	padding-left: 23px;
	box-sizing: border-box;
}
.release_3_item{
	display: flex;
	margin-top: 20px;
}
.release_3_item p{
	height: 30px;
	line-height: 30px;
	min-width: 70px;
}
.release_3_item span{
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #808080;
}
.release_3_item .el-checkbox__label span{
	font-size: 14px;
	color: #606266;
}
/*------宝贝类目----------*/
.release_3_item select{
	width: 150px;
	height: 30px;
	border: 1px solid #E6E6E6;
	box-sizing: border-box;
}
/*-------宝贝图片----------*/
.img_box{
	display: flex;
}
.img_item{
	width: 150px;
	height: 150px;
	position: relative;
	margin-right: 20px;
	border: 1px solid #E6E6E6;
	box-sizing: border-box;
	cursor: pointer;
}
.img_active{
	border: 1px solid #FF464E;
}
.img_item .see{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.img_item .see img{
	height: 60px;
	display: block;
}
.img_item .show{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.img_item .show img{
	width: 100%;
	height: 100%;
	display: block;
}
.release_cue{
	color: #FF464E;
	padding-left: 70px;
	margin-top: 10px;
}
/*-------下单图片---------*/
.orders_img{
	display: flex;
	align-items: center;
}
.imgupload{
	width: 150px;
	height: 150px;
	position: relative;
	margin-right: 20px;
	border: 1px solid #E6E6E6;
	box-sizing: border-box;
	cursor: pointer;
}
.imgupload .see{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.imgupload .see img{
	height: 60px;
	display: block;
}
.imgupload .show{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.imgupload .show img{
	width: 100%;
	height: 100%;
	display: block;
}
.imgupload #file{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
}
.orders_text{
	color: #808080;
	margin-top: 15px;
}
.orders_text p:last-child{
	color: #FF464E;
}
/*--------联系QQ--------*/
.qq{
	width: 150px;
	border: 1px solid #e6e6e6;
	height: 30px;
	box-sizing: border-box;
	padding-left: 10px;
}
.qq_cue{
	color: #808080;
	margin-left: 10px;
}
/*--------宝贝下单价----------*/
.money{
	display: flex;
	height: 30px;
	margin-right: 20px;
}
.money input{
	height: 100%;
	border: 1px solid #E6E6E6;
	width: 136px;
	box-sizing: border-box;
	padding-left: 10px;
}
.money span{
	height: 30px;
	width: 30px;
	display: block;
	text-align: center;
	line-height: 30px;
}
p.red{
	color: #FF464E;
}
p.cue{
	font-size: 12px;
	color: #FF464E;
}
/*--------优惠券相关------------*/
.coupons{
	border: 1px solid #E6E6E6;
	box-sizing: border-box;
	margin-top: 20px;
}
.coupons>p{
	color: #545454;
	padding: 10px 20px;
	background-color: #F5F5F5;
}
.coupons .coupons_box{
	padding: 15px;
	box-sizing: border-box;
}
.coupons_type{
	display: flex;
}
.coupons_num{
	display: flex;
	align-items: center;
	color: #545454;
	margin-top: 15px;
}
.coupons_num input{
	height: 30px;
	border: 1px solid #E6E6E6;
	padding-left: 10px;
	box-sizing: border-box;
	margin: 0 20px 0 5px;
}
.coupons_link{
	display: flex;
	align-items: center;
	color: #545454;
	margin-top: 15px;
}
.coupons_link input{
	height: 30px;
	width: 500px;
	border: 1px solid #E6E6E6;
	padding-left: 10px;
	box-sizing: border-box;
	margin-left: 5px;
}
/*--------商品规格----------*/
.Size{
	border: 1px solid #E6E6E6;
	height: 30px;
	width: 650px;
	padding-left: 10px;
	box-sizing: border-box;
}
/*-------付款方式-------*/
.pay_way{
	border: 1px solid #E6E6E6;
	margin-top: 20px;
}
.pay_way>p{
	height: 35px;
	background-color: #F5F5F5;
	line-height: 35px;
	padding-left: 20px;
	box-sizing: border-box;
	color: #545454;
}
.pay_way>p span{
	font-size: 12px;
	color: #808080;
}
.way_list{
	display: flex;
	padding: 15px 20px;
	box-sizing: border-box;
}
.way_list .el-checkbox{
	margin-right: 30px;
}
/*---------购买提醒-------------*/
.cue_list{
	display: flex;
	margin-left: 10px;
}
.cue_list .el-checkbox{
	margin-right: 15px;
}
/* ========== */
/* = 第四步 = */
/* ========== */
.open_time{
	font-size: 12px;
	color: #FF464E;
	margin-left: 15px;
}
.release_4{
	margin-left: 23px;
	margin-top: 20px;
}
.release_4_title{
	display: flex;
	align-items: center;
	background-color: #fff;
	padding: 5px 20px;
	border: 1px solid #E6E6E6;
	box-sizing: border-box;
}
.release_4_title p{
	color: #545454;
}
.release_4_title p span{
	color: #FF464E;
}
.all_day{
	margin-left: 20px;
}
.week{
	display: flex;
	border: 1px solid #E6E6E6;
	border-top: none;
	border-bottom: none;
	box-sizing: border-box;
	background-color: #F5F5F5;
}
.week li{
	width: 14.5%;
	height: 30px;
	border-right: 1px solid #E6E6E6;
	text-align: center;
	line-height: 30px;
	font-size: #545454;
}
.week li:last-child{
	border-right: none;
}
.day_list{
	display: flex;
	flex-wrap: wrap;
	background-color: #F5F5F5;
	border: 1px solid #E6E6E6;
	border-top: none;
	box-sizing: border-box;
}
.day_list .day_item{
	width: 134px;
	border-top: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	height: 100px;
}
.day_active{
	background-color: #fff;
}
.day_list .day_item:nth-child(7n){
	border-right: none;
}
.day_item .day{
	text-align: center;
	font-size: 16px;
	color: #545454;
	margin-top: 10px;
}
.day_item .preheat{
	margin-top: 10px;
}
.day_item .preheat img{
	height: 30px;
	display: block;
	margin: 0 auto;
}
.day_item .preheat p{
	color: #FF464E;
	margin-top: 5px;
	text-align: center;
}
.day_item .day_input{
	margin-top: 15px;
}
.day_item .day_input div{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 5px;
}
.day_item .day_input div p{
	color: #808080;
	font-size: 12px;
}
.day_item .day_input div input{
	width: 50px;
	height: 20px;
	border: 1px solid #E6E6E6;
	padding-left: 5px;
	box-sizing: border-box;
}
.day_item .day_input div:first-child{
	padding-left: 5px;
}
.day_item .day_input div span{
	margin-left: -15px;
	font-size: 12px;
	color: #808080;
}
/*--------日期插件样式修改-----------*/
.el-input__inner{
	height: 30px;
	line-height: 30px;
	padding: 0;
	border-radius: 0;
	width: 280px;
}
.el-input__inner>i{
	display: none;
}
input.el-range-input{
	border: 1px solid #E6E6E6;
}
/* ========== */
/* = 第五步 = */
/* ========== */
.release_5{
	padding-left: 23px;
	box-sizing: border-box;
	margin-top: 20px;
}
/*--------移动端搜索关键词----------*/
.release_5_1,.release_5_2,.release_5_3{
	border: 1px solid #E6E6E6;
	margin-bottom: 20px;
}
.release_5_T{
	background-color: #F5F5F5;
	height: 35px;
	line-height: 35px;
	padding-left: 20px;
	box-sizing: border-box;
	color: #545454;
}
.release_5_T span{
	font-size: 12px;
	color: #808080;
}
.release_5_content{
	padding: 20px;
	display: block;
}
.release_5_item{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.release_5_item:last-child{
	margin-bottom: 0;
}
.release_5_item .release_5_title{
	width: 84px;
	color: #545454;
}
.release_5_item .el-checkbox{
	margin-left: 15px;
}
.release_5_item .sort_title{
	margin-left: 15px;
	color: #545454;
}
.release_5_item .unit{
	margin-left: 3px;
	color: #545454;
}
.release_5_item .release_5_cue{
	margin-left: 15px;
	color: #FF464E;
	font-size: 12px;
	display: flex;
	align-items: center;
}
.release_5_item .release_5_cue span{
	padding: 1px 5px;
	border: 1px solid #FF464E;
	background-color: #FFEEEE;
	margin-left: 5px;
}
.release_5_item>input{
	height: 30px;
	width: 120px;
	border: 1px solid #E6E6E6;
	padding-left: 10px;
	box-sizing: border-box;
}
.release_5_item>input.release_5_link{
	width: 500px;
}
.release_5_item>span{
	color: #808080;
	font-size: 12px;
	margin-left: 10px;
}
.release_5_item>img{
	height: 24px;
	display: block;
	margin-left: 15px;
	cursor: pointer;
}
.release_5_item input.copy{
	width: 250px;
	height: 30px;
	border: 1px solid #FF464E;
	color: #FF464E;
	background-color: #fff;
	border-radius: 0;
	padding-left: 0;
	margin-left: 10px;
}
.cue{
	color: #FF464E;
	margin-left: 85px;
}
.cycle_cue{
	color: #FF464E;
	margin-left: 25px;
	margin-top: 10px;
	margin-bottom: -10px;
}
.discount_list{
	display: flex;
	flex-wrap: wrap;
}
.discount_list .el-checkbox{
	margin-right: 30px;
	margin-top: 10px;
}
.QRcode{
	display: flex;
}
.QRcode .release_5_title{
	width: 84px;
	color: #545454;
	height: 30px;
	line-height: 30px;
}
.QRcode img{
	width: 120px;
	height: 120px;
	display: block;
}
/* ========== */
/* = 第六步 = */
/* ========== */
.release_6{
	margin-left: 23px;
	margin-top: 15px;
	border: 1px solid #E6E6E6;
	padding: 20px;
	box-sizing: border-box;
}
.release_6_item{
	border-bottom: 1px solid #E6E6E6;
}
.release_6_item:last-child{
	border-bottom: none;
}
.release_6_title{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0;
	color: #808080;
	cursor: pointer;
}
.release_6_title span{
	color: #808080;
	font-size: 12px;
}
.title_left{
	display: flex;
	align-items: center;
}
.title_left p{
	margin-left: 5px;
}
.title_right{
	display: flex;
	align-items: center;
	color: #FF464E;
}
.title_right img{
	height: 8px;
	display: block;
	margin-left: 10px;
	transition: 0.3s;
}
.title_right img.rot{
	transform: rotateZ(180deg);
}
.release_6_content{
	background-color: #FDF9F0;
	color: #545454;
	padding: 10px 20px;
	box-sizing: border-box;
	position: relative;
	display: flex;
	align-items: center;
}
.release_6_content a{
	background-color: #FF464E;
	color: #FFFFFF;
	padding: 1px 5px;
	border-radius: 3px;
	margin-left: 10px;
}
.release_6_content:before{
	position: absolute;
    content: "";
    width: 0;
    height: 0;
    right: 100%;
    top: -10px;
    left: 20px;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #FDF9F0;
    border-right: 10px solid transparent;
}
/*------指定竞品货比--------*/
.contrast_list{
	padding: 10px 20px;
	box-sizing: border-box;
}
.contrast_item{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.contrast_item>p{
	width: 85px;
	color: #545454;
}
.contrast_item input{
	height: 30px;
	border: 1px solid #E6E6E6;
	padding-left: 10px;
	box-sizing: border-box;
}
.contrast_ratio{
	width: 150px;
}
.contrast_link{
	width: 400px;
}
.contrast_item .unit{
	margin-left: 5px;
}
/*-------回访概率----------*/
.return_visit{
	padding: 10px 20px;
	box-sizing: border-box;
}
.return_visit>div{
	display: flex;
	align-items: center;
}
.return_visit>p{
	width: 85px;
	color: #545454;
}
/*--------细化控制行为/人群---------*/
.control{
	padding: 10px 20px;
	box-sizing: border-box;
}
.control_item{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.control_item p{
	width: 146px;
	color: #545454;
}
/*--------前往开通会员---------*/
.toVip{
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #808080;
	margin-left: 15px;
}
.toVip img{
	height: 15px;
	display: block;
	margin-left: 5px;
}


.release_7_item{
	border-bottom: 1px solid #E6E6E6;
	padding: 10px 0;
}
.release_7_item:last-child{
	border-bottom: none;
}
.release_7_item .release_6_title{
	padding: 0;
}
.release_7_item .el-checkbox{
	color: #808080;
}
.release_7_item .el-checkbox span{
	color: #FF464E;
	font-size: 12px;
}
.evaluate{
	padding: 10px 20px;
	padding-bottom: 0;
}
.evaluate_item{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.evaluate_item:last-child{
	margin-bottom: 0;
}
.evaluate_item p{
	color: #545454;
}
.evaluate_item p:first-child{
	width: 112px;
}
.evaluate_item input{
	width: 80px;
	height: 30px;
	border: 1px solid #E6E6E6;
	padding-left: 10px;
	box-sizing: border-box;
	margin-right: 5px;
}
.evaluate_item span{
	font-size: 12px;
	color: #FF464E;
}
/*-----旺旺聊天-------*/
.talk{
	display: flex;
}
/*-----------追评设置--------------*/
.additional_item{
	margin-top: 15px;
}
.additional_item>p{
	color: #545454;
}
.additional_item div{
	display: flex;
	align-items: center;
	margin-left: 12px;
	margin-top: 10px;
}
.additional_item div p{
	color: #545454;
}
.additional_item div input{
	width: 80px;
	height: 30px;
	border: 1px solid #E6E6E6;
	padding-left: 10px;
	box-sizing: border-box;
	margin-right: 5px;
}
.additional_item div span{
	font-size: 12px;
	color: #FF464E;
}
.additional_item>p:last-child{
	font-size: 12px;
	color: #FF464E;
	margin-left: 136px;
	margin-top: 10px;
}
/*----------中奖后重新下单------------*/
.again{
	display: flex;
	align-items: center;
	margin-top: 5px;
	margin-left: 23px;
}
.again p{
	color: #545454;
}
.again input{
	width: 80px;
	height: 30px;
	border: 1px solid #E6E6E6;
	padding-left: 10px;
	box-sizing: border-box;
	margin-right: 5px;
}
/*----------设置用户深度浏览宝贝详情页的问题------------*/
p.question_title{
	color: #808080;
	font-size: 12px;
	margin-top: 5px;
	margin-left: 23px;
}
.question_item{
	margin-top: 10px;
	margin-left: 23px;
	display: flex;
	align-items: center;
}
.question_item p{
	margin-right: 10px;
}
.question_item input{
	width: 600px;
	height: 30px;
	border: 1px solid #E6E6E6;
	padding-left: 10px;
	box-sizing: border-box;
}
/*------------底部费用详情--------------*/
#money{
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: -55px;
	left: 0;
	background-color: #fff;
	padding-left: 53px;
	padding-right: 30px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #4D4D4D;
}
.money_left{
	display: flex;
	align-items: center;
	height: 100%;
	position: relative;
}
.money_left p{
	display: flex;
	align-items: center;
	margin-right: 30px;
}
.money_left p span{
	color: #FF464E;
}
.money_left p img{
	height: 14px;
	display: block;
	margin-left: 10px;
}
.money_right span{
	color: #FF464E;	
}
.appreciation{
	position: absolute;
	width: 263px;
	height: 373px;
	background: url('../../static/img/release-12.png') no-repeat;
	background-size: 100% auto;
	bottom: 34px;
	right: -97px;
	padding: 19px;
	padding-bottom: 20px;
	box-sizing: border-box;
	z-index: 10;
}
.appreciation ul{
	padding-top: 10px;
}
.appreciation li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px;
	box-sizing: border-box;
}
.appreciation p{
	color: #4D4D4D;
	white-space: nowrap;
	margin-right: 0;
}
.appreciation span{
	color: #FF464E;
	white-space: nowrap;
}
.appreciation div{
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #E6E6E6;
	padding: 15px 20px;
	box-sizing: border-box;
	margin-top: 10px;
}
</style>
